@charset "utf-8";
html {
color: #000;
background: #FFF;
width: 100%;
min-width: 1200px;
}
body {
color: #666;
font: 12px/1.231 arial, helvetica, clean, sans-serif;
text-decoration:none;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset, img {
border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var, optgroup {
font-style: inherit;
font-weight: inherit;
}
del, ins {
text-decoration: none;
}
li {
list-style: none;
}
caption, th {
text-align: left;
}
q:before, q:after {
content: '';
}
abbr, acronym {
border: 0;
font-variant: normal;
}
sup {
vertical-align: baseline;
}
sub {
vertical-align: baseline;
}
input, button, textarea, select, optgroup, option {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
}
input, button, textarea, select {
*font-size:100%;
}
input, select {
vertical-align: middle;
}
body {
font: 12px/1.231 arial, helvetica, clean, sans-serif;
}
select, input, button, textarea, button {
font: 99% arial, helvetica, clean, sans-serif;
}
table {
font-size: inherit;
font: 100%;
border-collapse: collapse;
}
pre, code, kbd, samp, tt {
font-family: monospace;
line-height: 100%;
}
/*title*/
h1 {
font-size: 32px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 14px;
}
h5 {
font-size: 12px;
}
h6 {
font-size: 10px;
}
.mt10 {
margin-top: 10px;
}
i, em {
font-style: normal;
}
.dn {
display: none;
}
a {
color: #666;
text-decoration: none;
}
a:focus {
outline: 0;
}
a:hover {
text-decoration: underline;
}
.vam {
vertical-align: middle;
}
.clearfix {
zoom: 1;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
p {
word-spacing: -1.5px;
}
.tr {
text-align: right;
}
.tl {
text-align: left;
}
.center {
text-align: center;
}
.fl {
float: left;
}
.fr {
float: right;
}
.pa {
position: absolute;
}
.pr {
position: relative
}
/* -- 页面整体布局 -- */
.header, .content, .footer {
width: 1200px;
margin: 0 auto;
}
/*头部开始*/
.h_wrap {
min-width: 1200px;
height: 213px;
}
.h_top {
height: 29px;
line-height: 28px;
color: #b2b2b2;
overflow: hidden;
border-bottom: 1px solid #b2b2b2;
}
.h_top .top_right {
color: #b2b2b2;
}
.h_top span a {
padding: 0;
}
.h_top a {
padding: 0 8px;
display: inline-block;
color: #b2b2b2;
}
.h_top .wb {
padding-right: 0;
}
/*header*/
.top {
width: 100%;
min-width: 1200px;
height: auto;
overflow: hidden;
}
.logo {
margin: 5px 0;
float: left;
width:500px;
height:75px;
background:url(/Application/Home/Public/images/logo.png) no-repeat;}
.top .header .ms {
float: left;
width: 472px;
margin-top: 24px;
margin-left: 20px;
font: 22px "微软简魏碑";
font-weight: bolder;
color: #F8363E;
}
.top .header .ms p {
width: 474px;
height: 28px;
line-height: 23px;
overflow: hidden;
white-space: nowrap;
}
.top .header .ms .p2 {
font-size: 18px;
color: #2A2929;
}
.lx {
float: right;
width: 243px;
height: 44px;
overflow: hidden;
margin-top: 23px;
background: url(../images/lx.gif) no-repeat center top;
font-size: 14px;
line-height: 44px;
color: #fff;
padding-left: 56px;
}
.lx em {
font: 22px Arial, Helvetica, sans-serif;
}
.nav {
height: 65px;
overflow: hidden;
background: #848485;
}
.nav ul {
width: 1200px;
margin: 0 auto;
height: 65px;
overflow: hidden;
}
.nav li {
font: 16px "Microsoft Yahei";
height: 65px;
line-height: 65px;
float: left;
overflow: hidden;
}
.nav li a {
display: inline-block;
padding: 0 43px;
color: #fff;
}
.nav li a:hover, .nav .cur a {
background: url(../images/hover.gif) repeat-x center top;
text-decoration: none;
}
/*footer*/
.foot {
width: 100%;
min-width: 1200px;
overflow: hidden;
background: #161616;
}
.flogo {
width: 180px;
height: 100%;
overflow: hidden;
}
.flogo img {
width: 180px;
height: auto;
}
.fnr {
width: 900px;
margin-top: 18px;
overflow: hidden;
}
.fnav {
height: 58px;
overflow: hidden;
border-bottom: 1px solid #505664;
font-size: 14px;
line-height: 58px;
color: #fff;
padding-bottom: 20px;
}
.fnav a {
display: inline-block;
padding: 0 11px;
color: #fff;
}
.fwz {
width: 575px;
overflow: hidden;
font-size: 14px;
line-height: 26px;
color: #d7d7d7;
margin-bottom:25px;
}
.fwz em {
padding: 0 16px;
}
.fwz a {
color: #d7d7d7;
}
.fwz .p01 {
width: 50px;
height: 12px;
overflow: hidden;
position: absolute;
top: 87px;
left: 128px;
}
.fwz .p02 {
width: 100px;
height: 25px;
overflow: hidden;
position: absolute;
top: 80px;
left: 282px;
}
.code {
width: 110px;
height: 132px;
overflow: hidden;
background: #656b77;
}
.code img {
margin: 9px 0 0 10px;
}
.code em {
display: block;
text-align: center;
height: 31px;
line-height: 31px;
overflow: hidden;
color: #f6f8fa;
}
.link {
width: 100%;
min-width: 1200px;
text-align: center;
font-size: 14px;
overflow: hidden;
background: #32323a;
line-height: 69px;
}
.link p {
width: 1200px;
margin: 0 auto;
overflow: hidden;
text-align: left;
}
.link a {
display: inline-block;
padding: 0 12px;
color: #fff;
}
.link span a {
font-size: 16px;
}
/* -- 当前位置 -- */
.topadcs {
width: 100%;
min-width: 1200px;
height: 350px;
overflow: hidden;
text-align: center;
margin: 0px auto;
margin-bottom: 0;
}
.topadcs a img {
width: 100%;
height: auto;
display: block;
}
.topadcs a {
display: block;
margin: 0 auto;
}
.topadcs a.fullad {
height: 350px;
}
.weiz {
width: 100%;
height: 56px;
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
background: #f4f4f4;
line-height: 56px;
overflow: hidden;
}
.weiz .content {
width: 1200px;
height: 56px;
background: url(../images/weizhi.png) no-repeat left center;
padding-left: 35px;
}
.weiz a {
color: #666;
padding: 0 5px;
}
.weiz .c_red a {
color: #cf2929;
}
.plc, .plc2 {
background: none;
height: 20px;
line-height: 24px;
padding: 7px 8px 8px 0px;
position: relative;
color: #666;
overflow: hidden;
font-size: 14px;
border-bottom: 1px solid #ececec;
padding-bottom: 8px;
}
.plc i, .plc2 i, .plc a {
font-style: normal;
font-size: 14px;
color: #666;
}
.red_x {
color: #DD3904;
display: inline;
font-size: 12px;
}
.plc .red_x {
color: #cf2929;
font-weight: bold;
font-size: 16px;
}
.red_x1 {
color: #f00;
display: inline;
font-size: 12px;
}
/*pages*/
.Page {
width: 100%;
text-align: center;
padding: 50px 5px;
}
.Page a {
display: inline-block;
width: 65px;
background: #fff;
height: 48px;
vertical-align: middle;
line-height: 48px;
font-size: 14px;
border: 1px solid #e5e5e5;
margin-left: -1px;
float: left;
text-decoration: none;
color: #333;
outline: none;
}
.Page a:hover {
background: #5b5b5b;
color: #FFF;
background-repeat: no-repeat;
}
.Page span {
display: inline-block;
min-width: 45px;
padding: 0 10px;
background: #fff;
height: 48px;
vertical-align: middle;
line-height: 48px;
font-size: 14px;
border: 1px solid #e5e5e5;
margin-left: -1px;
float: left;
}
.Page span.current {
background: #5b5b5b;
color: #FFF
}
/*首页公用*/
.mb10 {
margin-bottom: 10px;
}
.ml10 {
margin-left: 10px;
}
.bg {
background: #FFF;
}
em, i {
font-style: normal;
}
.tit1 {
height: 80px;
overflow: hidden;
font: 26px "Microsoft Yahei";
font-weight: bold;
color: #32323a;
background: url(../images/ld_line.png) no-repeat left top;
padding-left: 32px;
}
.tit1 em {
display: block;
font: 18px Arial, Helvetica, sans-serif;
color: #b4b4b4;
text-transform: uppercase;
}
.tit1 span a {
font: 14px "Microsoft Yahei";
color: #585858;
padding-top: 30px;
display: inline-block;
}
/*首页banner*/
.fullSlide {
width: 100%;
min-width: 1200px;
height: 472px;
position: relative;
}
.fullSlide .bd {
margin: 0 auto;
position: relative;
z-index: 0;
overflow: hidden;
}
.fullSlide .bd ul {
width: 100%;
}
.fullSlide .bd li {
background-repeat: no-repeat;
overflow: hidden;
text-align: center;
background-position: center top;
}
.fullSlide .bd li a {
display: block;
height: 472px;
}
.fullSlide .hd {
width: 100%;
position: absolute;
z-index: 1;
bottom: 0px;
left: 0;
height: 40px;
line-height: 30px;
}
.fullSlide .hd ul {
text-align: center;
}
.fullSlide .hd ul li {
cursor: pointer;
border-radius: 10px;
transition: width 0.5s, height 0.5s, background 0.5s, color 0.5s;
-moz-transition: width 0.5s, height 0.5s, background 0.5s, color 0.5s; /* Firefox 4 */
-webkit-transition: width 0.5s, height 0.5s, background 0.5s, color 0.5s; /* Safari and Chrome */
-o-transition: width 0.5s, height 0.5s, background 0.5s, color 0.5s; /* Opera */
display: inline-block;
*display:inline;
zoom: 1;
width: 15px;
height: 15px;
margin: 6px;
overflow: hidden;
background: #fff;
line-height: 999px;
}
.fullSlide .hd ul .on {
background: #32323a;
width: 30px;
}
.fullSlide .prev, .fullSlide .next {
display: block;
position: absolute;
z-index: 1;
top: 50%;
margin-top: -30px;
left: 5%;
z-index: 1;
width: 40px;
height: 60px;
cursor: pointer;
filter: alpha(opacity=50);
opacity: 0.5;
display: none;
width: 73px;
height: 73px;
}
.fullSlide .prev {
background: url(../images/banLeft.png) no-repeat;
}
.fullSlide .next {
left: auto;
right: 5%;
background: url(../images/banRight.png) no-repeat;
}
/*mokuai-2*/
.jg {
margin-top: 34px;
overflow: hidden;
position: relative;
}
.jg dl {
width: 450px;
border: 1px solid #e3e3e3;
background: #f7f7f7;
height: 343px;
border-bottom: 4px solid #cfcfcf;
overflow: hidden;
}
.jg dt {
width: 450px;
height: 220px;
overflow: hidden;
}
.jg dd {
width: 420px;
margin: 0 auto;
}
.jg dd h3 a {
display: block;
font: 21px "Microsoft Yahei";
height: 47px;
line-height: 51px;
font-weight: bold;
color: #323232;
overflow: hidden;
}
.jg dd p {
font: 14px "Microsoft Yahei";
color: #7f7f7f;
line-height: 22px;
height: 88px;
overflow: hidden;
text-overflow: ellipsis;
}
.jg ul {
width: 740px;
float: right;
}
.jg li {
width: 240px;
height: 213px;
float: left;
overflow: hidden;
margin: 0 0 27px 6px;
position: relative;
}
.jg li img {
display: block;
}
.jg li em {
width: 240px;
height: 35px;
line-height: 35px;
font-size: 14px;
text-align: center;
color: #fff;
background-color:#32323a;
opacity: 0.8;
overflow: hidden;
position: absolute;
bottom: 0;
}
.jg h4 {
width: 297px;
height: 36px;
overflow: hidden;
position: absolute;
top: 536px;
left: 30px;
}
.jg h4 a {
display: inline-block;
width: 128px;
height: 34px;
overflow: hidden;
font-size: 16px;
text-align: center;
line-height: 34px;
color: #565656;
background: #fff;
border: 1px solid #cacaca;
margin-right: 5px;
font-weight: normal;
}
.jg h4 a.cur {
color: #fff;
border: 1px solid #32323a;
background: #32323a;
}
/*mokuai-3*/
.light {
/*margin-top: 20px;*/
overflow: hidden;
position: relative;
}
.light .tit1 {
background: url(../images/ld_line.png) no-repeat left top;
}
.light h4 {
font: 14px "Microsoft Yahei";
color: #7f7f7f;
width: 700px;
text-align: right;
height: 28px;
line-height: 28px;
position: absolute;
right: 0;
top: 20px;
}
.light h4 a {
color: #7f7f7f;
display: inline-block;
padding: 0 6px;
}
.light h4 a:hover {
color: #32323a;
}
.light h4 a.a02 {
color: #32323a;
border: 1px solid #32323a;
display: inline-block;
height: 20px;
line-height: 20px;
}
.light dl {
height: 195px;
width: 580px;
background: #f7f7f7;
margin-bottom: 20px;
border: 1px solid #e3e3e3;
overflow: hidden;
}
.light dt {
width: 240px;
height: 296px;
float: left;
}
.light dd {
width: 295px;
float: right;
padding-top: 20px;
}
.light dd h3 a {
display: block;
font: 18px "Microsoft Yahei";
height: 62px;
line-height: 62px;
font-weight: bold;
color: #323232;
overflow: hidden;
}
.light dd p {
font-size: 14px;
line-height: 23px;
width: 269px;
height: 138px;
overflow: hidden;
}
.light dd span a {
display: block;
font: 14px "Microsoft Yahei";
text-align: center;
width: 104px;
height: 27px;
color: #32323a;
border: 1px solid #32323a;
margin-top: 10px;
line-height: 27px;
}
/*mokuai 4*/
.qt {
padding: 50px 0;
background: #f7f7f7;
width: 100%;
min-width: 1200px;
overflow: hidden;
}
.qt dl {
height: 131px;
border: 1px solid #e3e3e3;
background: #fff;
overflow: hidden;
margin-bottom: 36px;
}
.qt dt {
width: 170px;
float: left;
padding-right: 20px;
height: 131px;
text-align: center;
font: 30px "Microsoft Yahei";
color: #fff;
background: #32323a url(../images/qt_t.gif) no-repeat right top;
line-height: 131px;
}
.qt dd {
width: 800px;
height: 131px;
float: right;
overflow: hidden;
}
.qt dd p {
font: 14px "Microsoft Yahei";
line-height: 36px;
color: #737373;
margin-top: 25px;
}
.qt dd p a {
color: #737373;
display: inline-block;
padding: 0 12px;
}
.qt dd p a.a02 {
color: #32323a;
border: 1px solid #32323a;
line-height: 20px;
}
.qt ul {
width: 100%;
display: block;
margin: 0 auto;
}
.qt li {
width: 240px;
height: 298px;
float: left;
overflow: hidden;
display: inline;
margin: 0 80px 0 0;
position: relative;
}
.qt li em {
width: 240px;
height: 35px;
line-height: 35px;
display: block;
font-size: 14px;
text-align: center;
color: #fff;
background-color: #000;
opacity: 0.8;
overflow: hidden;
position: absolute;
bottom: 0;
left: 0;
}
.qt .nones {
margin-right: 0;
}
/*mokuai 5*/
.case {
height: 840px;
margin-top: 32px;
background: url(../images/bj.jpg) no-repeat center 241px;
overflow: hidden;
}
.case .content {
position: relative;
}
.case h3 {
width: 118px;
height: 34px;
overflow: hidden;
position: absolute;
top: 171px;
right: 38px;
}
.tit2 {
height: 86px;
font: 30px "Microsoft Yahei";
text-align: center;
font-weight: bold;
background: url(../images/case_line.jpg) no-repeat center bottom;
}
.tit2 a {
color: #323232;
text-decoration: none;
}
.tit2 em {
display: block;
font: 30px Arial, Helvetica, sans-serif;
color: #ababab;
text-transform: uppercase;
}
.caset {
height: 113px;
margin-top: 52px;
overflow: hidden;
background: url(../images/case_bg1.gif) repeat-x center top;
}
.caset li {
width: 240px;
font: 18px "Microsoft Yahei";
text-align: center;
line-height: 103px;
height: 113px;
background: url(../images/case_line2.gif) no-repeat right top;
float: left;
}
.caset li a {
color: #fff;
display: block;
height: 113px;
}
.caset li a:hover, .caset .cur a {
background: url(../images/case_bg2.png) no-repeat center top;
text-decoration: none;
}
.case dl {
height: 488px;
overflow: hidden;
margin-top: 36px;
float: left;
position: relative;
}
.case dt {
width: 800px;
height: 488px;
overflow: hidden;
}
.case dt img {
width: 800px;
height: 488px;
}
.case dd {
height: 80px;
background: url(../images/alp.png);
width: 740px;
overflow: hidden;
position: absolute;
bottom: 0;
left: 0;
font: 20px "Microsoft Yahei";
font-weight: bold;
padding: 0 30px;
}
.case dd a {
color: #fff;
display: block;
padding-top: 11px;
}
.case dd em {
display: block;
font: 14px "Microsoft Yahei";
color: #fff;
padding-top: 6px;
width: 685px;
height: 17px;
overflow: hidden;
}
.case dd span a {
display: block;
width: 72px;
height: 80px;
background: #32323a;
font: 16px "Microsoft Yahei";
text-align: center;
line-height: 80px;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
padding: 0;
}
.caset2 {
width: 350px;
float: right;
margin-top: 36px;
overflow: hidden;
}
.caset2 li {
width: 350px;
height: 161px;
overflow: hidden;
position: relative;
margin-bottom: 2px;
}
.caset2 li img {
width: 350px;
height: 161px;
}
.caset2 li em {
display: block;
text-align: center;
width: 350px;
height: 161px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
background: url(../Images/alp.png);
}
.caset2 li em i {
color: #fff;
display: block;
height: 141px;
line-height: 141px;
padding: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.caset2 .cur em {
display: none;
}
/*mokuai-6.1news*/
.focus {
width: 1200px;
margin: 0 auto;
height: 422px;
overflow: hidden;
margin-top: 20px;
}
.focus2 {
width: 800px;
margin-top: 30px;
height: 525px;
overflow: hidden;
}
.focus2 dl {
height: 164px;
overflow: hidden;
}
.focus2 dt {
height: 43px;
font: 20px "Microsoft Yahei";
line-height: 43px;
overflow: hidden;
color: #323232;
}
.focus2 dt a {
color: #323232;
}
.focus2 dt em {
display: inline-block;
font: 24px "Microsoft Yahei";
color: #32323a;
background: url(../images/focus_icon.png) no-repeat left top;
text-align: center;
margin-right: 8px;
}
.focus2 dd {
height: 106px;
margin-top: 15px;
}
.focus2 dd p img {
float: left;
}
.focus2 dd span {
float: right;
font-size: 14px;
width: 592px;
height: 106px;
line-height: 21px;
overflow: hidden;
margin-top: 10px;
}
.focus2 dd span em {
display: block;
font-size: 16px;
width: 592px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.focus2 dl a {
color: #32323a;
padding: 15px 0;
}
.focus2 .ul01 {
height: 134px;
padding: 0 88px;
overflow: hidden
}
.focus2 .ul01 li {
width: 281px;
padding: 20px 15px;
float: left;
height: 94px;
border-right: 1px solid #d2d2d2;
float: left;
}
.focus2 .ul01 li span {
display: inline-block;
float: left;
width: 53px;
height: 100px;
}
.focus2 .ul01 li span a {
display: inline-block;
width: 53px;
height: 80px;
font: 16px Arial, Helvetica, sans-serif;
text-align: center;
line-height: 26px;
color: #fff;
background: #757575;
padding-top: 20px;
}
.focus2 .ul01 li span a:hover {
background: #32323a;
}
.focus2 .ul01 li em {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: inline-block;
float: right;
width: 212px;
font: 14px "Microsoft Yahei";
color: #323232;
margin-top: 8px;
}
.focus2 .ul01 li em a {
color: #323232;
}
.focus2 .ul01 li em i {
white-space: normal;
display: block;
font: 14px "Microsoft Yahei";
color: #7f7f7f;
line-height: 24px;
margin-top: 10px;
}
.focus2 .ul01 .nones {
border-right: 0;
}
.focus2 .ul02 {
width: 800px;
height: 307px;
overflow: hidden;
padding-top: 18px;
}
.focus2 .ul02 li {
font: 14px "Microsoft Yahei";
height: 34px;
line-height: 34px;
overflow: hidden;
border-bottom: 1px dashed #ccc;
}
.focus2 .ul02 li a {
float: left;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background: url(../images/focus_dot2.png) no-repeat 10px 14px;
padding-left: 28px;
}
.focus2 .ul02 li a:hover {
background: url(../images/focus_dot1.png) no-repeat 10px 14px;
color: #000;
}
.focus2 .ul02 li span {
float: right;
color: #545454;
width: 78px;
height: 36px;
}
.new {
width: 315px;
height: 490px;
margin-top: 30px;
overflow: hidden;
background: url(../images/dy_bg.gif) no-repeat;
}
.new h3 {
font: 20px "Microsoft Yahei";
height: 65px;
line-height: 65px;
overflow: hidden;
}
.new h3 a {
color: #333;
padding-left: 15px;
}
.new h3 em {
font: 16px Arial, Helvetica, sans-serif;
color: #b3b3b3;
padding-left: 5px;
}
.new dl {
width: 280px;
margin: 0 auto;
}
.new dt {
width: 280px;
height: 264px;
/* border-bottom: 1px dashed #c0c0c0;*/
overflow: hidden;
}
.new dt img {
width: 280px;
height: 151px;
}
.new dt em {
display: block;
font: 14px "Microsoft Yahei";
line-height: 26px;
color: #7f7f7f;
padding-top: 10px;
text-indent:2em;
}
.new dd {
padding: 14px 0;
height: 135px;
overflow: hidden;
}
.new dd p a {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
font: 14px "Microsoft Yahei";
line-height: 36px;
height: 36px;
background: url(../images/dy_jt.png) no-repeat left 13px;
color: #545454;
padding-left: 18px;
}
.new dd p a:hover {
color: red;
}
/*mokuai 6.2*/
.about {
height: 493px;
border-bottom: 4px solid #d8d8d8;
background: #f7f7f7;
margin-bottom: 50px;
}
.about dt {
width: 1200px;
height: 316px;
padding-bottom: 30px;
position: relative;
}
].about dt img {
width: 1200px;
height: 342px;
}
.about dt em {
display: block;
width: 1200px;
font-size: 48px;
text-align: center;
position: absolute;
top: 128px;
left: 0;
color: #000;
}
.about dd p {
text-indent:2em;
display: block;
line-height: 27px;
width: 1150px;
height: 62px;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
margin: 0 auto;/*text-align: center;*/
}
.about dd em {
display: block;
width: 127px;
height: 37px;
margin: 0 auto;
padding-top: 15px;
}
.cpfl {
width: 972px;
margin: 0 auto;
margin-bottom: 15px;
}
.cpfl a {
width: 130px;
margin-left: 15px;
margin-right: 15px;
height: 35px;
line-height: 35px;
display: block;
float: left;
border: 1px solid #666;
text-align: center;
font-size: 16px;
background: #666;
color: #fff;
margin-bottom:10px;
}